在 Webpack 4 以后，很多配置都已经被简化了，整体上的基本使用并不复杂，在这种配置并不复杂的前提下，对它的掌握程度主要就体现在了是否能够理解它的工作机制和原理上了。 打包核心工作原理 Webpack 官网开始的首页，就已经描述了它 ...

Unsplash 在小程序样式表中，我们绝大多数的长度单位都设置成 rpx，而不是我们常见的 px，使用 rpx 小程序会自动在不同的分辨率下进行转换，而使用 px 为单位则不会 UI 同学给我们的视觉稿一般是以 i6 为标准进行设计的， ...

拖拽的实现 在HTML5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码 oDiv.onmousedown = function(ev){ //记录起始位置 } document.o ...

前言 在问题前，需要先理解事件冒泡、事件代理 可参考文章【事件代理】 动态数据列表里，如何监听每条数据的点击？ 具体实现如下： DOM节点： a1 ...

Unsplash 在日常开发中，每个人的代码编写习惯都不尽相同，比如有的人喜欢在代码末尾加上分号，而有的人不喜欢加，在个人开发的项目中这并不是什么严重问题。但在团队协作开发时，我们往往需要阅读其他人所写的代码，此时没有一个统一完整的代码规 ...

作为一名合格的程序猿/媛，对于进程、线程还是有必要了解一点的，本文将从下面几个方向进行梳理，尽量做到知其然并知其所以然： 进程和线程的概念和关系 进程演进 进程间通信 理解底层基础，助力上层应用 进程保护 进程和线程的概念和关系 用户下达运 ...

我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...

为什么会发生产生跨域问题？ [ 产生跨域的原因 ] 1.浏览器限制 2.跨域(协议，域名，端口任何一个不同) 3.XHR(XMLHttpRequest)请求 也就是说当我们发送的是XMLHttpRequest请求不同的域名，浏览器就会限制访 ...

项目中刚好有个需求让前端在页面上增加一个按钮，用户点击就可以将列表中的数据导出为Excel表格，在网上查了一下方法，大体思路都是需要安装三个插件以及拷贝两个文件，然后在页面中写入逻辑代码，感觉挺复杂的，所以研究了一下，总结了一个简单版本的解 ...